<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>老师信息</title>
		<link rel="stylesheet" type="text/css" href="../../../css/q_main/main.css">
		<style>
			th{
			font-size:20px;
			border-bottom: 2px solid;
			padding-bottom: 10px;
		}
		table td{
			border-bottom: 1px solid;
		}
		
		table td button{
			cursor: pointer;
		}
		table td button:hover{
			color: #999999;
			
		}
		
		.zth-skill-div{
			border:1px solid;
			height: 500px;
			overflow-y: auto;
			overflow-x: hidden;
		}
	</style>
	</head>
	<body>
		<aside>
			<a class="cur_a"><span>首页</span></a>
			<a><span>个人信息</span></a>
			<a><span>请假记录</span></a>
			<a><span>考勤记录</span></a>
			<a><span>近期公告</span></a>
		</aside>
		<section class="page_one" id="page1">
			<nav>
				<div class="nav_wrap">
					<div class="resume_logo">
						<a href="index.html">message</a>
					</div>
					<div class="nav_bar">
						<ul class="nav_bar_ul">
							<li><a href="index.html">首页</a></li>
							<li><a href="#">请假</a></li>
							<li><a href="#">申请</a></li>
						</ul>
					</div>
				</div>
			</nav>

			<div class="cen_con">
				<div class="portrait">
					<img onmousemove="this.src='../../../img/22.png'"/ onmouseout="this.src='../../../img/portrait1.jpg'"/ src="../../../img/portrait1.jpg">
				</div>
				<div class="cen_text">
					<h2>世上只有想不通的人，没有走不通的路。</h2>
					<hr>
					<h3>姓名</h3>
					<h3>职位</h3>
					<h3>地址</h3>
				</div>

			</div>
			<div class="down_arrow">
				<a class="scroll"><span></span></a>
			</div>

		</section>

		<section class="page_two" id="page2">
			<div class="con_wrap">
				<div class="tit_wrap">
					<h1>我的信息</h1>
					<div class="scissors">
						<span></span>
					</div>
					<h2 style="margin-left:150px"> 学习是对自己的一种态度，学进去是对自己的一种责任</h2>
				</div>
				<div class="myinfo">
					<table>
						<tbody>
							<tr>
								<td rowspan="6">
									<img src="../../../img/portrait1.jpg">
								</td>
								<td>姓名 | XXX</td>
								<td>手机 | XXX</td>

							</tr>
							<tr>
								<td>性别 | 女</td>
								<td>年龄 | 18</td>
							</tr>
							<tr>
								<td>身份证 | 1992.08.23</td>
								<td>班级 | XXX</td>
							</tr>
							<tr>
								<td>职位 | 班长</td>
								<td>入学时间 | 1992.08.23</td>
							</tr>
							<tr>
								<td>账号 | 2112</td>
								<td>班主任 | 张三</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="down_arrow">
				<a class="scroll"><span></span></a>
			</div>
		</section>
		<section class="page_three" id="page3">
			<div class="con_wrap">
				<div class="tit_wrap">
					<h1>请假记录</h1>
					<div class="scissors">
						<span></span>
					</div>
					<h2>我们该把时间都用在学习的路上，用在进步的路上</h2>
				</div>
				<div class="skill_con">
					<div class="zth-skill-div">
						<div class="myinfo" style="margin-left:50px">
							<table>
								<tbody>
									<tr>
										<th>姓名：</th>
										<th>班级</th>
										<th>班主任</th>
										<th>请假时间</th>
										<th>截止时间</th>
										<th>请假类型</th>
										<th>事由</th>
									</tr>
									<tr>
										<td>李四</td>
										<td>23</td>
										<td>张三</td>
										<td>2020-1-1</td>
										<td>2020-1-1</td>
										<td>病假</td>
										<td><button>查看事由</button></td>
									</tr>
									
									<tr>
										<td>李四</td>
										<td>23</td>
										<td>张三</td>
										<td>2020-1-1</td>
										<td>2020-1-1</td>
										<td>病假</td>
										<td><button>查看事由</button></td>
									</tr>

								<tbody>
							</table>
						</div>
					</div>
				</div>

			</div>

			</div>
			<div class="down_arrow">
				<a class="scroll"><span></span></a>
			</div>
		</section>
		<section class="page_four" id="page4">
			<div class="con_wrap">
				<div class="tit_wrap">
					<h1>考勤信息</h1>
					<div class="scissors">
						<span></span>
					</div>
					<h2>我现在做的一切仅仅是为了不让未来的自己后悔。</h2>
				</div>
				<div class="zth-skill-div">
					<div class="myinfo" style="margin-left:50px">
						<table>
							<tbody>
								<tr>
									<th>姓名</th>
									<th>性别</th>
									<th>班级</th>
									<th>班主任</th>
									<th>考勤老师</th>
									<th>时间</th>
									<th>类型</th>
									<th>事由</th>
								</tr>
								<tr>
									<td>李四</td>
									<td>男</td>
									<td>23</td>
									<td>张三</td>
									<td>王麻子</td>
									<td>2020-1-1</td>
									<td>病假</td>
									<td><button>查看事由</button></td>
								</tr>
							<tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="down_arrow">
				<a class="scroll"><span></span></a>
			</div>
		</section>
		<section class="page_five" id="page5">
			<div class="con_wrap">
				<div class="tit_wrap">
					<h1>公告</h1>
					<div class="scissors">
						<span></span>
					</div>
					<h2>我现在做的一切仅仅是为了不让未来的自己后悔。</h2>
				</div>
				<div class="zth-skill-div">
					<div class="myinfo" style="margin-left:50px">
						<table>
							<tbody>
								<tr>
									<td>公告类型</td>
									<td>发布人</td>
									<td>发布时间</td>
									<td>详情</td>
								</tr>
								<tr>
									<td>学校</td>
									<td>张三</td>
									<td>2020-1-1</td>
									<td><button>查看</button></td>
								</tr>
				
				
							<tbody>
						</table>
					</div>
				</div>
			</div>
		</section>
		<div style="text-align:center;">

		</div>
	</body>
	<script type="text/javascript" src="../../../js/q_main/main.js"></script>
</html>
